<template>
        <el-aside width="200px" style="background-color: rgb(238, 241, 246)">
            <el-menu>
                <el-menu-item index="1">
                    <i class="el-icon-menu"></i>
                    <span slot="title">首页</span>
                </el-menu-item>
                <el-menu-item index="2">
                    <i class="el-icon-tickets"></i>
                    <span slot="title">品牌介绍</span>
                </el-menu-item>
                <el-submenu index="3">
                    <template slot="title">
                        <i class="el-icon-goods"></i>
                        <span>LOOKBOOK</span>
                    </template>
                    <el-menu-item index="3-1">18FW 大片鉴赏</el-menu-item>
                    <el-menu-item index="3-2">18SS 大片鉴赏</el-menu-item>
                </el-submenu>
                <el-submenu index="4">
                    <template slot="title">
                        <i class="el-icon-goods"></i>
                        <span>产品</span>
                    </template>
                    <el-menu-item index="4-1">Bra</el-menu-item>
                    <el-menu-item index="4-2">Panty
                    </el-menu-item>
                    <el-menu-item index="4-3">Sports Bra
                    </el-menu-item>
                    <el-menu-item index="4-4">Legging
                    </el-menu-item>
                    <el-menu-item index="4-5">SportsWear
                    </el-menu-item>
                </el-submenu>
                <el-menu-item index="5">
                    <i class="el-icon-document"></i>
                    <span slot="title">店铺信息</span>
                </el-menu-item>
                <el-menu-item index="6">
                    <i class="el-icon-mobile-phone"></i>
                    <span slot="title">在线商城</span>
                </el-menu-item>
                <el-menu-item index="7">
                    <i class="el-icon-setting"></i>
                    <span slot="title">社交媒体</span>
                </el-menu-item>
                <el-menu-item index="8">
                    <i class="el-icon-star-on"></i>
                    <span slot="title">会员中心</span>
                </el-menu-item>
                <el-menu-item index="9">
                    <i class="el-icon-phone-outline"></i>
                    <span slot="title">联系我们</span>
                </el-menu-item>
            </el-menu>
        </el-aside>
</template>
<style>
.el-header {
  background-color: #b3c0d1;
  color: #333;
  line-height: 60px;
}

.el-aside {
  color: #333;
}
</style>

<script>
export default {
  data() {
    const item = {
      date: '2016-05-02',
      name: '王小虎',
      address: '上海市普陀区金沙江路 1518 弄'
    }
    return {
      tableData: Array(20).fill(item)
    }
  }
}
</script>